<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
        integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
        crossorigin="anonymous"></script>
    <script>
        window.addEventListener("load", function () {
            var xmlhttp;
            if (window.XMLHttpRequest) {
                xmlhttp = new XMLHttpRequest();
            } else {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.addEventListener("readystatechange", function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    pass
                }
            })
            xmlhttp.open("GET", "http://127.0.0.1:8000/blog/", true);
            xmlhttp.send(null);
        })
    </script>
</head>

<body>
    {% include 'navbar.html' %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-3">
                <div class="card">
                    <div class="card-header">
                        分类列表
                    </div>
                    <div class="card-body">
                        <ul class="list-group">
                            {% for kind in kinds %}
                            <li class="list-group-item">
                                <a href="{% url 'blog_article_kind_url' kind.id %}">{{ kind.kindname }}</a>
                            </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-6">
                {% block content %}{% endblock %}
            </div>
            <div class="col-3">
                <div class="card">
                    <div class="card-header">
                        周排行
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>